<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <title>陕西运璟网络</title>
    <script src="js/jquery-1.12.1.js"></script>
    <script src="js/touch.js"></script>
    <link rel="stylesheet" href="css/animaton.css">
    <link rel="stylesheet" href="css/baidu.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="typed/main.css">
    <link rel="stylesheet" href="css/slick.css">
    <script src="js/slick.js"></script>
    <script src="js/slicker.js"></script>
    <script src="js/baidu.js"></script>
    <script src="js/extend.js"></script>
    <script src="js/index.js"></script>
    <script src="js/easing.js" type="text/javascript"></script>
    <script src="js/timers.js" type="text/javascript"></script>
    <script src="js/dualSlider.js" type="text/javascript"></script>
    <script src="typed/js/typed.js"></script>
    <script>
//        第一屏文字动画
        $(function(){
            $('.welcome').hide();
            $("#typed").typed({
//                strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
                stringsElement: $('#typed-strings'),
                typeSpeed:200,
                backDelay: 300,
                backSpeed: 200,
                loop: false,
                contentType: 'html', // or text
                // defaults to false for infinite loop
                loopCount: false,
                callback: function(){ foo(); },
                resetCallback: function() { newTyped(); }
            });
            $(".reset").click(function(){
                $("#typed").typed('reset');
            });
        });

        function newTyped(){ /* A new typed object */ }
        function foo(){  $('.welcome').show()}
    </script>
</head>
<style>
    /* code for animated blinking cursor */
    .typed-cursor{
        opacity: 1;
        font-weight: 100;
        -webkit-animation: blink 0.7s infinite;
        -moz-animation: blink 0.7s infinite;
        -ms-animation: blink 0.7s infinite;
        -o-animation: blink 0.7s infinite;
        animation: blink 0.7s infinite;
    }
    @keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
    }
    @-webkit-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
    @-moz-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
    @-ms-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
    @-o-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
</style>
<body>
<div class="out">
    <!--第一屏-->
    <div class="box">
        <div class="homePage">
            <div class="icon">
                <img src="images/logo.png" alt="logo">
                <div class="companyName">运璟网络</div>
                <div class="EnglishName">vv.cc</div>
            </div>
            <div class="homeTitle">
                <div class="wrap" style="line-height: 120px">
                    <div class="type-wrap">
                        <div id="typed-strings" >
                            <p>让互联网</p>
                            <p>让移动互联网<br/> 改变生活</p>
                        </div>
                        <span id="typed" style="white-space:pre;"></span>
                    </div>
                </div>
                <div class="welcome">
                    <a href="javascript:;"><img src="images/butten.png" alt="welcome"></a>
                </div>
            </div>
        </div>
    </div>
    <!--第二屏-->
    <div class="box">
        <div class="flashView">
            <div class="slickBox">
                <div class="slickers">
                    <div><a href="http://www.jq22.com"><img src="images/上层图3.png" alt=""></a></div>
                    <div><a href="http://www.jq22.com"><img src="images/上层图2.png" alt=""></a></div>
                    <div><a href="http://www.jq22.com"><img src="images/上层图3.png" alt=""></a></div>
                    <div><a href="http://www.jq22.com"><img src="images/上层图2.png" alt=""></a></div>
                    <div><a href="http://www.jq22.com"><img src="images/上层图3.png" alt=""></a></div>
                </div>
            </div>
                <div class="smallSlideShow">
                    <div class="carousel">
                        <div class="panel">
                            <div class="details_wrapper">
                                <div class="details">
                                    <div class="detail">
                                        <h2 class="Lexia-Bold"><a href="#">标题一</a></h2>
                                        <a href="#" class="more">图片信息1</a>
                                    </div>
                                    <div class="detail">
                                        <h2 class="Lexia-Bold"><a href="#">标题二</a></h2>
                                        <a href="#" class="more">图片信息2</a>
                                    </div>
                                    <div class="detail">
                                        <h2 class="Lexia-Bold"><a href="#">标题三</a></h2>
                                        <a href="#" class="more">图片信息3</a>
                                    </div>
                                </div>
                            </div>
                            <div class="paging">
                                <a href="javascript:void(0);" class="previous" title="Previous" >Previous</a>
                                <a href="javascript:void(0);" class="next" title="Next">Next</a>
                            </div>
                        </div><!-- /panel -->
                        <div class="backgrounds">
                            <div class="item item_1"><img src="images/下层图.png"/></div>
                            <div class="item item_2"><img src="images/下层图.png"/></div>
                            <div class="item item_3"><img src="images/下层图.png"/></div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    <!--第三屏-->
    <div class="box">
        <div class="project">
            <div class="sportsEvent">项目</div>
            <div class="projectImg"></div>
            <div class="projectTitle">
                <div class="timeApp">时间管理APP</div>
                <div class="timeTitle">这是App说明这是App说明这是App说明这是App说明这是App说明</div>
                <div class="timeTitle">这是App说明这是App说明这是App说明这是App说明这是App说明</div>
                <div class="timeTitle">这是App说明这是App说明这是App说明这是App说明这是App说明</div>
                <div class="timeTitle">这是App说明这是App说明这是App说明这是App说明这是App说明这是App说明</div>
                <div class="timeTitle">这是App说明这是App说明这是App说明这是App说明</div>
                <div class="timeTitle">这是App说明这是App说明这是App说明这是App说明</div>
                <div class="timeTitle">这是App说明</div>
                <div class="timeTitle">这是App说明</div>
                <div class="timeTitle">这是App说明</div>
                <div class="timeTitle">这是App说明</div>
                <div class="timeTitle">这是App说明</div>
                <div class="timeTitle">这是App说明</div>
                <div class="timeTitle">这是App说明</div>
            </div>
        </div>
    </div>
    <!--第四屏-->
    <div class="box">
        <div class="teamTitle"></div>
        <div class="team">
            <div class="innovate">
                <div class="frame1" style="opacity: 0"><img src="images/Group5.png" alt="frame"></div>
                <div class="description cx">创新
                    <span style="display: none; line-height:50px;">To create excellent</span>
                    <span style="display: none; line-height: 30px;">execution</span>
                    <span style="display: none; line-height: 50px;">一种坚持的倔强</span>
                </div>
            </div>
            <div class="efficient">
                <div class="frame2" style="opacity: 0"><img src="images/Group5.png" alt="frame"></div>
                <div class="description gx">高效
                    <span style="display: none; line-height:50px;">To create excellent</span>
                    <span style="display: none; line-height: 30px;">execution</span>
                    <span style="display: none; line-height: 50px;">一种坚持的倔强</span>
                </div>
            </div>
            <div class="unity">
                <div class="frame3" style="opacity: 0"><img src="images/Group5.png" alt="frame"></div>
                <div class="description tj">团结
                    <span style="display: none; line-height:50px;">To create excellent</span>
                    <span style="display: none; line-height: 30px;">execution</span>
                    <span style="display: none; line-height: 50px;">一种坚持的倔强</span>
                </div>
            </div>
        </div>
    </div>
    <div class="box">
       <div class="partner">
              <div class="partnerTitle"></div>
              <div class="cooperative">
                  <ul class="tradeName">
                      <li><img src="images/紫狼1.png" alt="" style="display: block;"></li>
                      <li><img src="images/万达1.png" alt=""></li>
                      <li><img src="images/兴业1.png" alt=""></li>
                      <li><img src="images/必康集团1.png" alt=""></li>
                      <li><img src="images/顶新1.png" alt=""></li>
                      <li><img src="images/华南城1.png" alt=""></li>
                  </ul>
              </div>
       </div>
    </div>
    <!--第六屏-->
    <div class="box">
        <div class="contact">
              <div class="contactTitle"></div>
              <div class="contactWay">
                  <ul>
                      <li>
                          <div class="boxSmall">15280124652@163.com</div>
                          <img src="images/邮箱.png" alt=""></li>
                      <li>
                          <div class="telPhone">029-6266 1000</div>
                          <img src="images/电话.png" alt=""></li>
                      <li><img src="images/地址.png" alt=""></li>
                  </ul>
              </div>
            <div class="joinUs">
                <div class="joinUsImg"><a href="javascript:;">JOIN US</a></div>
                <div class="company">
                    <span>陕西运璟网络&nbsp;</span>
                    <span>vv.cc</span>
                </div>
            </div>
        </div>
    </div>
    <ul class="btns">
        <li style="background: #CCC"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
</body>
</html>